@import "../../style/base.styl"

.copy-external-link-box {
  position relative
  width 100%
  height 100%
  box-sizing border-box
  display flex
  justify-content space-between
  align-items flex-end
  padding 2rem

  .markdown-icon-box {
    width 26rem
    height 20rem
    position relative
    cursor pointer
  }


  .btn-box {
    position relative
    width 108rem
    height 100%
    display flex
    justify-content space-between

    .btn-item {
      height 20rem
      box-sizing border-box
      border-radius 5rem
      font-size 12rem
      cursor pointer
      transition all 0.3s ease
    }

    .copy-url {
      border 1rem solid var(--default-text-color)
      color var(--default-text-color)

      &:hover {
        background var(--default-text-color)
        color var(--background-color)
      }
    }


    .github {
      width 56rem
    }

    .cdn {
      width 40rem
    }
  }
}
